#archive-page {
    margin-bottom: @gap * 2;
    .archive {
        position: relative;
        .archive-year {
            font-size: @fontsize_base;
            margin-top: 1em;
            margin-bottom: 1em;
            &:first-child{
                margin-top: 0em;
                padding-top: 0;
            }
            h2 {
                margin-top: 1em;
            }
            a {
                color: @theme_text_main;
                text-decoration: none;
            }
        }
        .archive-post {
            a {
                width: 100%;
                display: inline-flex;
                flex-flow: row nowrap;
                justify-content: flex-start;
                align-items: flex-start;
                text-decoration: none;
            }
            time {
                color: @theme_text_main;
                flex: none;
                font-size: 16px;
                padding: .5em .5em .5em 3em;
                @media (max-width: @on_phone) {
                  padding: .5em .5em .5em 0;
                }
            }
            .title {
                flex: auto;
                padding: .5em;
                font-size: 16px;
                color: #555;
            }
        }
    }
}
